{cdncss href="__THEME__/assets/css/pages/support-center/faq-3.css" /}

<div class="kt-container  {$theme_layout_class}  kt-grid__item kt-grid__item--fluid">
    <!-- begin:: hero -->
    <div class="kt-sc-faq-3">
        <div class="kt-sc__title">
            {$type_info.title}
        </div>
        <div class="kt-sc__subtitle">
            {$type_info.description}
        </div>
        <div class="kt-separator kt-separator--dashed"></div>
    </div>

    <div class="kt-container  {$theme_layout_class}  kt-grid__item kt-grid__item--fluid">
        <div class="row">
            {volist name="category_list" id="item"}
            <div class="col-lg-4">
                <div class="kt-portlet kt-iconbox {eq name="category_id" value="$item.id"} kt-iconbox--danger kt-iconbox--animate-slow{/eq}">
                    <div class="kt-portlet__body">
                        <a href="{:url('survey/type/index',['name'=>$type_info.name,'category_id'=>$item.id])}" class="kt-iconbox__body">
                            <div class="kt-iconbox__icon">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                     width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect x="0" y="0" width="24" height="24"></rect>
                                        <path d="M2.56066017,10.6819805 L4.68198052,8.56066017 C5.26776695,7.97487373 6.21751442,7.97487373 6.80330086,8.56066017 L8.9246212,10.6819805 C9.51040764,11.267767 9.51040764,12.2175144 8.9246212,12.8033009 L6.80330086,14.9246212 C6.21751442,15.5104076 5.26776695,15.5104076 4.68198052,14.9246212 L2.56066017,12.8033009 C1.97487373,12.2175144 1.97487373,11.267767 2.56066017,10.6819805 Z M14.5606602,10.6819805 L16.6819805,8.56066017 C17.267767,7.97487373 18.2175144,7.97487373 18.8033009,8.56066017 L20.9246212,10.6819805 C21.5104076,11.267767 21.5104076,12.2175144 20.9246212,12.8033009 L18.8033009,14.9246212 C18.2175144,15.5104076 17.267767,15.5104076 16.6819805,14.9246212 L14.5606602,12.8033009 C13.9748737,12.2175144 13.9748737,11.267767 14.5606602,10.6819805 Z"
                                              fill="#000000" opacity="0.3"></path>
                                        <path d="M8.56066017,16.6819805 L10.6819805,14.5606602 C11.267767,13.9748737 12.2175144,13.9748737 12.8033009,14.5606602 L14.9246212,16.6819805 C15.5104076,17.267767 15.5104076,18.2175144 14.9246212,18.8033009 L12.8033009,20.9246212 C12.2175144,21.5104076 11.267767,21.5104076 10.6819805,20.9246212 L8.56066017,18.8033009 C7.97487373,18.2175144 7.97487373,17.267767 8.56066017,16.6819805 Z M8.56066017,4.68198052 L10.6819805,2.56066017 C11.267767,1.97487373 12.2175144,1.97487373 12.8033009,2.56066017 L14.9246212,4.68198052 C15.5104076,5.26776695 15.5104076,6.21751442 14.9246212,6.80330086 L12.8033009,8.9246212 C12.2175144,9.51040764 11.267767,9.51040764 10.6819805,8.9246212 L8.56066017,6.80330086 C7.97487373,6.21751442 7.97487373,5.26776695 8.56066017,4.68198052 Z"
                                              fill="#000000"></path>
                                    </g>
                                </svg>
                            </div>
                            <div class="kt-iconbox__desc">
                                <h3 class="kt-iconbox__title">
                                    {$item.title}
                                </h3>
                                <div class="kt-iconbox__content">
                                    包含多种常见问题和解决方案！
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
        <div class="kt-divider kt-margin-t-20 kt-margin-b-50">
                <span></span>
                <span>模板</span>
                <span></span>
            </div>
        <div class="row">
            {notempty name="survey_list"}
            {volist name="survey_list" id='survey'}
            <div class="col-md-6">
                <div class="kt-portlet kt-callout kt-callout--{$i|getColor}">
                    <div class="kt-portlet__body">
                        <div class="kt-callout__body">
                            <div class="kt-callout__content">
                                <h3 class="kt-callout__title">{$survey.title}</h3>
                                <p class="kt-callout__desc">
                                        {$survey.description|msubstr=0,35,'utf-8',1,'...'}
                                </p>
                            </div>
                            <div class="kt-callout__action ">
                                <a href="{:url('survey/project/index',['code'=>$survey['code']])}" class="btn btn-custom btn-bold btn-upper btn-font-sm btn-primary">进入</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {/volist}
            {/notempty}
        
        </div>
    </div>
</div>